@charset "utf-8";
body { color: #333; font-family:"Arial","SimSun"; }
h1,h2,h3,h4,h5,h6 { font-family:"SimHei","Microsoft JhengHei","Microsoft YaHei"; }
#wrap{ width: 960px; margin: 0 auto; text-align: left; }
#middle{ width:960px; margin: 0 auto; }
/* header */
#header { background: #fbfbfb; text-align: left; }
#hat { height: 30px; line-height: 30px; background: #f6f3f3; }
.hat { width: 960px; margin: 0 auto; text-align: right; color: #666; } .hat a { line-height: 30px; }
.header { width: 960px; margin: 0 auto; height: 90px; }
#logo { float: left; width: 320px; margin: 12px 0 0 0; } .logo { padding: 8px 0 0 0; }
#searchbox { float: left; width: 360px; padding: 21px 0 0 0;}
.searchbox { border: 2px solid #e9e4e4; background-color: #fff; border-radius: 2px; transition: all .3s ease; }
.search-text { width: 300px; background: transparent; height: 18px; line-height: 18px; padding: 6px 10px; border: none; }
.search-button { width: 36px; height: 30px; border: none; background: url(../images/icon1.png) 8px 6px no-repeat; }
.searchbox:hover{ border: 2px solid rgb(229,57,60); }.searchbox:hover .search-button { background-position: -31px 6px; }
.searchtip { line-height: 28px; color: #a1a1a1; } .searchtip a{ color: #a1a1a1; padding: 0 0 0 8px; }.searchtip a:hover {color:red; }
#toolbox { float: right; padding: 22px 0 0 0; }
.toolbox { height: 31px; border: 1px solid #e7e7e7; background-color: #fff; border-radius: 2px; line-height: 30px; }
.toolbox a { color: #888; }.toolbox a.red { color: red; }
.tooler { padding: 0 6px 0 8px; cursor: pointer; position: relative; }
.tooler i{ display: inline-block; vertical-align: middle; width: 6px; height: 3px; font-size: 1px; margin-left: 5px; background: url(../images/icon2.png) -234px -2px no-repeat; }
.tooler:hover i{ background-position: -234px -0px; }.tooler:hover .toolout{ display: block; } 
.toolout { display: none; position: absolute; right: 6px; top: 30px; z-index: 100; border: 1px solid #ddd; border-top: 3px solid #333; background: #fff; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }
.toollang { padding: 6px 0px 12px 0; width: 100px; line-height: 24px;}
.toollang a { display: block; padding: 0 8px 0 12px; }.toollang a:hover { background: #f5f5f5;}
.toolcart { width: 360px; } .emptycart { padding: 36px 48px 48px 48px; line-height: 28px; }.emptycart span { display: inline-block; padding: 0 24px 0 0; background: url(../images/icon2.png) -284px 4px no-repeat; }
#wrap .dis{color:#bbb;text-decoration:line-through;font-weight:normal;}
/* css button */
.button { display: inline-block; padding: 0 12px; font-size: 14px; color: #eee; background: #ddd; height: 26px; line-height: 24px;}.button:hover { color: #fff; }
.button_big { padding: 0 24px; font-size: 18px; height: 36px; line-height: 36px;}
.bg_red {background: #f0333c;} .bg_blue{background: #00A7FF;}
/* nav */
#nav { height: 40px; background-color: #ca141d; }
.nav { margin: 0 auto; width: 960px; }
.nav li { float: left; line-height: 39px; } .nav li.a {text-align: center; }
.nav li.f { width: 218px; text-align: left; border-left: 1px solid #da5b61; border-right: 1px solid #da5b61; }

.nav a { display: block; font-size: 16px; font-family: 'Microsoft Yahei'; color: #fff; }
.nav li.a a { padding: 0 28px 0 29px; }
.nav.en li.a a { display: block; padding: 0 20px 0 20px; font-size: 14px; font-family: Arial; color: #fff; }
.nav a:hover { background-color:rgb(217,20,30);}
.nav li.f a { padding: 0 0 0 12px;}
.nav li.current,#index li.index,#best_seller li.best_seller,#new_products li.new_products,#featured_products li.featured_products,#nnews li.nnews,#naboutus li.naboutus,#ncontactus li.ncontactus { background-color: #891C21; }
/* neck and banner */
#cate { width: 220px; }
.cate { z-index: 100; border: 1px solid #E8E8E8; overflow: hidden; box-shadow: 0 1px 2px #ddd;}
.cate_index { height: 318px; }
.cate li { padding: 0 0 8px 15px; line-height: 1.5; }
.cate li.odd { background-color: #fbfaf9; }
.cate h3{ padding: 6px 0 4px 0; }
.cate a { color: #978679; padding: 0 12px 0 0; }
.cate h3 a { font-size: 14px; font-weight: normal; color: #555; font-family: 'Microsoft Yahei'; }
.cate_page { min-height: 480px; }
#banner { width: 740px; height: 320px; overflow: hidden; }
#banners{ float: left; clear: both; padding: 0px 0 8px 0; position: relative; height:320px; width: 740px; }
#maina{position:relative;height:320px;zoom:1;}
#maina .current{display:block;}
#featureds{height:320px;position:relative;}
.featured_item{height:320px;margin:0 auto;position:relative;top:0;width:740px;overflow:hidden;display:none;}
.featured_item img{height:320px;width:740px; }
.pointer{background:url(pointer.gif) no-repeat scroll left top;height:18px;left:3px;position:absolute;top:18px;width:13px;	}
#featured_bottom{position:absolute;height:45px;width:100%;background:none;filter:alpha(opacity=80);-moz-opacity:.80;opacity:0.8 ;bottom:0px;right:0px;}
.preview_images{height:20px;line-height:20px;position:absolute;right:12px;top:12px;}
.preview_images a img{padding:1px;}
.preview_images a{outline:none;display:block;position:relative;margin-right:8px;float:left; width:20px; background:#fff; text-align:center;text-decoration:none;font-size:12px;font-family:Arial;font-weight:bold;}
.preview_images a img{border:1px solid #afafaf;background-color:#fff;}
.preview_images a:hover{}
.preview_images .current_prev{background:#333; color:#fff;}
/* category */
#cates {}
.cates {}
.sub_cate { padding: 10px 0 0 0; }
.sub_cate li{ float: left; line-height: 24px; margin: 0 0 10px 10px; background: #ddd; border-left: 2px solid #E10000; border-top-right-radius: 4px;}
.sub_cate a { display: block; padding: 0 16px; } .sub_cate a:hover { background: #F1F1F1; }
/*index*/
#featured_and_ad_right { padding:20px 0 0 0; }
#featured { width: 720px; }
#ad_right { width: 220px; }
.plist_f_li { width: 50%; height: 225px; float: left; }
.plist_f { background-color: #efefef; padding: 1px 2px 2px 1px; margin: 0 -1px -1px 0;position: relative; transition: all .3s ease; }
.plist_pro { margin: 0 -1px -1px 0; border: 2px solid #fff; height: 220px; background: #fff; }
.plist_pro:hover { border: 2px solid #fbfbfb;}
.plist_pro .image { float: left; padding: 20px 8px 0 0; }
.plist_pro .pname { height: 104px; padding: 20px 6px 0 12px; font-size: 14px; line-height: 18px; }
.plist_pro .price span{ font-size: 18px; line-height: 32px; color: #e01c20; font-weight: normal; }.price span span { padding: 0 5px 0 0; color: #bbb; }
.plist_pro .price div { padding: 0 10px 0 0; }
.button_red { display: inline-block; width: 72px; font-size: 14px; color: #fff; border: 1px solid #b3131a; border-radius: 3px; height: 30px; line-height: 28px; text-align: center; background: #f0333c; }
.button_red:hover { color: #fff; background: #f5434c; }

#newsbox { overflow: hidden; }
.newsbox { height: 168px; border: 1px solid #efefef; }
.tab_news li { float: left; width: 50%; text-align: center; font-size: 14px; height: 30px; line-height: 30px; background: #f1f1f1; }
.tab_news li.h { background: #fff; }
.news_box { padding: 12px 10px 0 10px; }
.news_box li { padding: 0 0 0 12px; margin: 0; line-height: 22px; background: url(../images/icon2.png) -165px -495px no-repeat; }
.ad_right { margin-top: 20px; }

.h2index { padding: 0 0 6px 0; }
.h2index .more { padding: 0 12px 0 0; font-family: "宋体"; line-height: 20px; }.h2index .more a{ color: #999; }
.h2index h2 { border-left: 4px solid #c82c2c; padding-left: 7px; line-height: 20px; font-size: 18px; font-weight: 500; font-weight: normal; }
.hlist_li { width: 25%; height: 265px; float: left; }
.hlist_f { background-color: #efefef; padding: 1px 2px 2px 1px; margin: 0 -1px -1px 0;position: relative; transition: all .3s ease; }
.hlist_pro { margin: 0 -1px -1px 0; border: 2px solid #fff; height: 260px; background: #fff; text-align: center; }
.hlist_pro:hover { border: 2px solid #fbfbfb;}
.hlist_pro .image {padding: 4px 0 4px 0; }
.hlist_pro .pname { padding: 0px; font-size: 14px; line-height: 18px; }
.hlist_pro .price span{ font-size: 18px; line-height: 28px; color: #e01c20; }.price span span { padding: 0 5px 0 0; }
/* product list */
.w720 { width: 720px; } .w220{ width: 220px; }
.h2pros { height: auto; border-bottom: 2px solid #e10000; padding-bottom: 5px}
.h2pros h2 { font-size: 20px; color: #c00; font-weight: normal; line-height: 28px; }
.pros { padding: 10px 0; }
.pros_li { width: 25%; height: 248px; float: left; background: url(../images/dotted.png) left top repeat-y; }
.pro_box { padding: 1px 2px 2px 1px; margin: 0 -1px -1px 0;position: relative;}
.pros_li.d { background: none;}
.pro { margin: 0 -1px -1px 0; text-align: center; }
.pro .image {padding: 4px 0 4px 0; }
.pro .pname { padding: 0px; font-size: 12px; line-height: 16px; }
.pro .price span{ font-size: 18px; line-height: 28px; color: #e01c20; }.price span span { padding: 0 5px 0 0; }
.pro_lace { display: block; clear: both; padding: 10px 0 0 0; border-bottom: 1px solid #DDDDDD; margin: 0 0 10px 0; }
/* list side box */
.side_box { border: 1px solid #F1F1F1; }
.side_title { height: 30px; background-color: #F1F1F1; }
.side_title h3 { float: left; padding: 0 0 0 14px; font-size: 14px; font-weight: normal; line-height: 30px; }
.side_pro { padding: 6px 6px; border-top: 1px solid #F1F1F1; }
.side_pro .image { float: left; padding: 0 6px 24px 0; } 
.side_pro .pname { line-height: 16px; } .side_pro .price { padding: 6px 0 0 0; }.side_pro .price span { padding: 0 3px 0 0 ; }
/* news */
.side_menu{}
.side_menu_ul {border-bottom: 1px solid #C7C7C7; }
.side_menu_ul li { height: 36px; line-height: 36px;border: 1px solid #C7C7C7; border-bottom: none; }
.side_menu_ul li.current {background-position: 0 -744px;}
.side_menu_ul li a { display: block; font-size: 14px; padding: 0 0 0 24px; color: #555; background: url(../images/bg1.png) 0 -697px repeat-x; }
.side_menu_ul li.current a, .side_menu_ul li a:hover{background-position: 0 -744px;}
.h2news { height: 28px; border-bottom: 2px solid #a8a8a8; }
.h2news h2 { float: left; font-size: 20px; color: #333; font-weight: normal; line-height: 28px; }
.news { padding: 2px 0 0 0; }
.news li { padding: 0 0 0 18px; line-height: 36px; height: 36px; border-bottom: 1px dashed #CCCCCC; background: url(../images/icon2.png) -178px -462px  no-repeat; }
.news li span { float: right; color: #999; padding: 0 6px 0 0; }
.content { padding: 12px 0px; line-height: 1.5; }
/* help */
.w180 { width: 180px; }.w760{ width: 760px; }
.help_menu { border: 1px solid #C0C0C0; border-top: none; box-shadow: 0 1px 2px #ddd;}
.help_menu li.title {padding: 0 0 0 24px; height: 32px; line-height: 32px;border-top: 1px solid #C0C0C0; font-size: 13px; color: #525252;border-bottom: 1px solid #C0C0C0;background: url(../images/bg1.png) 0 -697px repeat-x; }
.help_menu li.item {padding: 0 0 0 28px; height: 24px; line-height: 24px;background: #fbfbfb;}
.help_menu li.item:hover { background: #efefef; }.help_menu li a{ display: block;}
.help_menu li.lace { height: 8px; background: #fbfbfb;}
/* news */
.news_wrap { border: 1px solid #d3d3d3; padding: 8px 32px 32px 32px; min-height: 400px; }
.h1news { font-size: 22px; font-weight: normal; color: #191919; padding: 18px 0 12px 0;}
.news_info { padding: 0 0 10px 0; color: #888; border-bottom: 1px solid #E5E5E5; }
.prev_next { border-top: 1px solid #E5E5E5; margin: 12px 0 0 0; padding: 6px 0 0 0; color: #666; line-height: 18px; }
.prev_next a { color: #0052A6; }

/*login and register*/
#login{}
.login {padding: 12px 24px 18px 24px;}
.login_box { height: 300px; width: 518px; border: 1px solid #E6E6E6; }
.login_boxer { padding: 18px 12px; } .register .login_boxer { padding: 12px 12px; }
.login h2 { padding: 0 0 0 108px; font-size: 20px; line-height: 32px; color: #666; }
.login td { padding: 10px 6px; }.login.register td { padding: 5px 6px; } .login .tright { font-size: 14px; color: #666; }
.login .g,.login .gs { padding: 8px 8px; width: 168px; } .login .gs { width: 88px; }
.login.register .g,.login.register .gs { padding: 6px 8px;}
.login .button_blue { display: inline-block; padding: 0 56px; font-size: 14px; color: #fff; height: 36px; line-height: 36px; text-align: center; background: #00A7FF; border: none; }
.login.register .button_blue {padding: 0 48px; font-size: 14px; height: 32px; line-height: 32px;}
.register a { display: inline-block; line-height: 32px; }
/* member center */
.member .button_blue { padding: 0 12px; font-size: 14px; height: 24px; line-height: 24px;}
.member .g { width: 80px; border: 1px solid #888; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 4px 6px; }
.member_dash { padding: 12px 0 0 168px; background-position: 0 24px; }
.member_dash td { padding: 2px 6px 2px 0; line-height: 18px; }
.tip {border: 1px solid #ffc16b; background: #ffffe9;color: #595951;padding: 15px 0 15px 21px;}
.icon_ok { padding: 1px 0 1px 22px; color: #61a326; height: 15px;line-height: 15px;display: inline-block;background: transparent url(../images/icon2.png) scroll no-repeat; background-position: -212px -71px;}
.order_list { padding: 12px 0 0 0; }
.order_list_h { height: 30px; background: #D6D6D6; }
.order_list_t { margin: 6px 0; border: 1px solid #D9D9D9; border-bottom: none; }
.order_list_t .h td { background: #F5F5F5; padding: 0 0 0 12px; height: 36px; }
.order_list_t .l td.tcenter { border-left: 1px dashed #D9D9D9; }.order_list_t .l td {border-bottom: 1px solid #D9D9D9; }
.order_list .button_blue { display: inline-block; padding: 0 12px; font-size: 12px; color: #fff; height: 24px; line-height: 24px; text-align: center; background: #00A7FF; border: none; }
.order_list .button_blue:hover { color: #fff; background: #f5434c; }
.member_title { border-left: 3px solid #CCC; margin-bottom: 10px; padding-left: 8px; line-height: 1.2; }
.table_profile td { padding: 4px 6px 4px 0; line-height: 18px; }
.table_profile .button_blue {padding: 0 18px; font-size: 14px; height: 28px; line-height: 28px;}
.table_profile .g { border: 1px solid #888; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 3px 6px; }
/* address book */
.address_b { margin: 6px 0; border: 1px solid #D6D6D6; }
.address_title { height: 32px; line-height: 32px; padding: 0 12px; background: #E1E1E1; }
.address_title_a { height: 32px; line-height: 32px; padding: 0 12px; border-bottom: 1px dashed #C5C5C5; }
.address_box { padding: 18px 36px; } .address_box td { padding: 2px 6px 2px 0; line-height: 18px; }
.address_box input.g,.address_box textarea.g { width: 248px; border: 1px solid #888; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 4px 6px; }
.address_box select.g { border: 1px solid #888; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 4px 6px; }
.address_box .button_blue {padding: 0 24px; font-size: 14px; height: 30px; line-height: 30px;}
/* review list */
.review_list {  }
.review_list td { padding: 8px 6px; border-left: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5; }
.review_list td.l { border-left: none; }
.review_add td { vertical-align: top; padding: 6px 8px 6px 0; line-height: 1.5; }
.review_add textarea.g { width: 480px; border: 1px solid #888; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 4px 6px; }
/*wishi list*/
.wlist_li { width: 25%; height: 235px; float: left; }
.wlist_f { background-color: #efefef; padding: 1px 2px 2px 1px; margin: 0 -1px -1px 0;position: relative; transition: all .3s ease; }
.wlist_pro { position: relative; margin: 0 -1px -1px 0; border: 2px solid #fff; height: 230px; background: #fff; text-align: center; }
.wlist_pro .del { position: absolute; right: 3px; top: 3px; width: 12px; height: 14px; background: url(../images/icon2.png) -128px 0 no-repeat; z-index: 100; }
.wlist_pro:hover { border: 2px solid #fbfbfb;}
.wlist_pro .image {padding: 4px 0 4px 0; }
.wlist_pro .pname { padding: 0px; font-size: 12px; line-height: 1.5; }
.wlist_pro .price span{ font-size: 14px; line-height: 18px; color: #e01c20; }.price span span { padding: 0 3px 0 0; }
/* order */
.receipt { border-top: 1px dashed #ddd; }
.receipt td { padding: 3px 6px 3px 0; line-height: 18px; }
.receipt .button_blue {padding: 0 24px; font-size: 14px; height: 28px; line-height: 28px;}
.receipt .g { width: 240px; border: 1px solid #888; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; padding: 4px 6px; }
/* feedback */
.feedback .g,.feedback .gt { padding: 5px 8px; width: 208px; border: 1px solid #888; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.feedback td { padding: 4px 10px 4px 0; line-height: 18px; }

/* faq */
.faqmenu { padding: 10px 8px 0 8px; }
.faqmenu li{ float: left; line-height: 24px; margin: 0 0 10px 10px; background: #ddd; border-left: 2px solid #E10000; border-top-right-radius: 4px;}
.faqmenu a { display: block; padding: 0 16px; } .faqmenu a:hover { background: #F1F1F1; }
.faqs h3 { font-weight: normal; font-size: 14px; font-family: 'Microsoft Yahei'; line-height: 1.2; padding: 10px 8px 2px 8px; }
.faqs ul { padding: 6px 0 2px 8px; line-height: 1.5; } .faqs li { margin: 3px 0; padding: 0 0 0 12px; } .faqs a { display: block; line-height: 24px; }
.faqs li.q { background: #f5f5f5; }
/*product summary*/
#product_intro{ width:960px; z-index:1; border:1px solid #ccc; position: relative; }
#product_intro.bnone{ background:none; margin-top:25px; }
#preview{ float:left; width:350px; border-right: 1px solid #ccc;}
#grid_middle{ float:left; width:600px; padding:0 0px; }
#grid_right{ float: left; width:188px; display:inline; }
.spec_n1{ width:350px; height:350px; margin-bottom:6px; }
#spec_list{ width:350px; height: 72px; }
#short_share{ padding:20px 0 20px 20px; }
#add_favor{ float:left; width: auto; margin-right:10px; height:26px;  border:1px solid #d9d9d9; cursor: pointer;}
#add_favor a{ padding:0 15px; text-align:center; line-height:26px; }
#share{ float:left; width: 212px; height:26px; line-height:26px; border:1px solid #d9d9d9; background:#f4f4f4; padding-left:15px;}
#share span{ float:left; }
#share_list{ float:left; display:inline; padding-left:8px; }
#share_list li{ float:left; display:inline; margin: 3px 10px 3px 0px;  }
.icon_txwb{ width:18px; height:18px; overflow:hidden; display:block; background:url(../images/icon_tx.png) no-repeat; }
.icon_xlwb{ width:18px; height:18px; overflow:hidden; display:block; background:url(../images/icon_xl.png) no-repeat; }
.addthis_toolbox { display: block; padding: 5px 0 0 0; }
#name{ padding:15px 0 10px 12px; border-bottom:1px dotted #ccc; }
#name h1{ font-size:16px; line-height:24px; }
#name strong{ font-size:14px; color:#f00; display:block; }
#name strong a{ color:#f00; text-decoration:underline; }
#summary{ padding:10px 0px; }
#summary li,#choose li{ padding:5px 0px; clear:both; overflow:hidden; }
#summary .dt,#choose .dt{ float: left; width: 80px; text-align: right; }
#summary .dd{ float:left; width:500px; }
.pro_price{ font-size:16px; color:#f00; font-family:"arial"; }
#summary #summary-stock{ height:28px; margin-top:15px; overflow:visible; padding-bottom:0px; }
.store_selector{ position:relative; float:left; }
#choose{ padding-top:10px; border-top:1px dotted #ccc;  }
#choose .dd{ float:left; }
#choose .item { float: left; margin: 2px 8px 2px 0px; }
#choose .item a:link, #choose .item a:visited { border: 1px solid #ccc; padding: 1px; }
#choose-color .dt{ margin-top:4px; }
#choose-type .dt{ margin-top:4px; }
#choose-other1 .dt{ margin-top:4px; }
#choose-other2 .dt{ margin-top:4px; }
#choose-amount .dt{ margin-top:4px; }
#choose-amount .sold{ margin-top:1px;  float: left; width: 70px; text-align: right; font-size:16px; color:#FF0000;  font-weight:bold; }
#choose-amount .dt2{ margin-top:4px;  float: left; width: 45px; text-align: right;}
#choose-color i{ display: inline-block; padding-top: 4px; font-style: normal; margin-right: 3px; cursor: pointer; }
#choose-color .item a { white-space: nowrap; }
#choose-color .dd a { float: left; }
#choose a { display: block; white-space: nowrap; text-decoration: none; }
#choose .selected, #choose .disabled { position: relative; }
#choose .selected b { position: absolute; bottom: 0px; right: 0px; width: 12px; height: 12px; overflow: hidden; background: url(../images/b.png) no-repeat; }
#choose-color .item a img { margin: 1px 3px 1px 1px; }
#choose .item img { float: left; }
#choose .item a:hover, #choose .item a:active, #choose .selected a:link, #choose .selected a:visited {  border: 2px solid #e4393c; padding: 0px; }
/************start by seven************/
#tags{padding: 10px 0px 0px 20px}
#tags_news{padding: 10px 0px 0px 0px}
#tags_list{width: 80%}
.list_more{margin:0px 5px 0px 0px}
.tags_list{width: 100%; margin-top: 10px}
.tags_change{width:80%; height: 20px}
.tags_change li{width: 70px; float:left; cursor: pointer; height: 20px; text-align: center; padding-top: 4px}
.tags_over{background-color: #cccccc}
.tags_up{background-color: #ffffff}
.tags_news { padding: 0 0 0 18px; line-height: 36px; height: auto; border-bottom: 1px dashed #CCCCCC; background: url(../images/icon2.png) -178px -462px  no-repeat; }
.tags_news .time_l { float: right; color: #999; padding: 0 6px 0 0; }
.tags_click{border-bottom: 2px solid #00ffff}
/************end by seven*************/

#choose-amount .wrap-input { position: relative; width: 36px; padding: 0px 18px; }
#choose-amount .wrap-input a { position: absolute; top: 3px; width: 15px; height: 15px; overflow: hidden; line-height: 50px; }
#choose-amount .btn-reduce { left: 0px; background: url(../images/minus1.png) no-repeat; }
#choose-amount .btn-reduce:hover { background: url(../images/minus2.png) no-repeat; }
#choose-amount .btn-add { right: 0px; background: url(../images/plus1.png) no-repeat; }
#choose-amount .btn-add:hover { background: url(../images/plus2.png) no-repeat; }
#choose-amount .text { width: 30px; height: 16px; border: 1px solid #ccc; padding: 2px; text-align: center; }
#choose #choose-result{ padding: 6px 0px 0px 10px; color: #e4393c; }
#choose #choose-btns { border-bottom: 0px none; padding-left: 20px; }
#choose-btns .btn { float: left; margin-top: 0px; height: 50px; }
#choose-btns .btn a {  float: left; margin-right: 6px; overflow: hidden; position: relative; font: 400 18px/38px "microsoft yahei"; text-align: center; color: #e4393c); }
#choose-btns .btn-append { width: 137px; height: 38px; }
#choose-btns .btn a b { display: block; width: 100%;  height: 100%;  position: absolute; top: 0px; left: 0px; cursor: pointer; }
#choose-btns .btn-append b { background:url(../images/bt1.png) no-repeat; }
.clear_his { display: inline-block; margin: 6px 6px 0 0; height: 18px; width: 18px; background: url(../images/icon1.png) -80px 0 no-repeat; }
/*product-intro*/
.area{ }
.arealist{ height:40px; border-bottom:1px solid #ccc; }
.arealist li{ float:left; width:184px; margin-right:1px; text-align:center; line-height:40px; background: url(../images/libg.png) left top repeat-x; font-weight:bold; display:inline; }
.arealist li.h{ background:#09F; }
.arealist li a{ color:#000; display:block; }.arealist li.h a { color: #fff; }
.areatxt{ padding: 18px 45px; line-height: 1.5; }
.detail_list{ }
.areatxt table td { line-height: 1.2; padding: 4px; border: 1px solid #ddd; border-collapse: collapse; }
.detail_list li{  list-style:disc;line-height:18px; padding:2px 0px; text-align:left; }

/* cross selling */
.cross { padding: 16px 9px; border: 1px solid #efefef; }
.cross_one { width: 110px; }
.cross_one_item { width: 100px; text-align: center; } .cross_one_item img { width: 100px; padding: 0 0  6px 0; }
.cross_icon { margin: 32px 0 0 0; width: 24px; height: 32px; background: url(../images/cross_icon.png) no-repeat; }
.cross_one .cross_icon,.crosser .cross_icon { background-position: 0 0; }
.cross_buy .cross_icon { background-position: -28px 0; }
.cross_more { width: 658px; height: 200px; overflow-x: auto; }
.cross_morer { display: block; width: 1500px; }
.crosser_box { width: 116px; text-align: center; }
.crosser { float: left; } .crosser .image img { width: 100px; padding: 0 0  6px 0; }
.cross_buy { width: 144px;}
.cross_buy_box { width: 120px; text-align: center; }
.cross .pname { line-height: 18px; }
.cross .price { color: red; }
/*cart*/
#main{ margin:10px auto; }
.flow_step{ height:32px; margin-bottom:20px; }
.flow_step li{ float:left; width:318px; border-right:2px solid #fff; font: 700 14px/32px "宋体"; text-align: center; background:#e6e6e6; }
.flow_step .step1{ background:#3164af; color:#fff; }

.table_cart{ width:100%; table-layout:fixed; text-align:left; }
.table_cart .col1{ width:41%;}
.table_cart .col2{ width:10%;}
.table_cart .col3{width:12%;}
.table_cart .col4{width:12%;}
.table_cart .col5{width:8%;}
.table_cart .col6{width:10%;}
.table_cart .col7{width:7%;}
.table_cart thead{ height:30px; line-height:30px; background:#f3f3f3; }
.table_cart th{ font-weight: bold; }
.table_cart .spe { margin: 0px 9px;  font-weight: normal; text-align:left; } 
.table_cart .act { text-align:center; } 
.table_cart td{ padding:15px 0; vertical-align:top;border-top:1px solid #D0D0D0;border-bottom:1px solid #d0d0d0;}.table_cart td.nobb{ border-bottom: none; }
.table_cart .tl{ border-left:1px solid #D0D0D0; }
.table_cart .tr{ border-right:1px solid #D0D0D0; }
.table_cart .goods{ margin-left:10px; }
.table_cart .goods .image{ float:left; width:80px; height:80px; text-align:center; line-height:80px; overflow:hidden; }
.table_cart .goods .image img{ width:80px; height:80px; }
.table_cart .goods .name{ float:left; width:230px; padding-left:10px; }
.table_cart .price{ font-family:"arial";  font-weight:normal; }
.table_cart .wrap-input { position: relative; width: 36px; padding: 0px 18px; }
.table_cart .wrap-input a { position: absolute; top: 3px; width: 15px; height: 15px; overflow: hidden; line-height: 50px; }
.table_cart .btn-reduce { left: 0px; background: url(../images/minus1.png) no-repeat; }
.table_cart .btn-reduce:hover { background: url(../images/minus2.png) no-repeat; }
.table_cart .btn-add { right: 0px; background: url(../images/plus1.png) no-repeat; }
.table_cart .btn-add:hover { background: url(../images/plus2.png) no-repeat; }
.table_cart .text { width: 30px; height: 16px; border: 1px solid #ccc; padding: 2px; text-align: center; }
.table_cart .todo_link a{ color:#085C9B; }
.table_cart .price_check_box{ float: right; padding:20px 0;  }
.table_cart .checkleft{ float:left; background:url(../images/clear.png) no-repeat; margin:20px 0 0 0; display:inline; padding-left:20px;  }
.table_cart .checkleft a:hover{ color:#f00; text-decoration:underline; }
.table_cart .price_list{ float:right; width:250px; line-height:20px; }
.table_cart .price_list p{ clear:both; }
.table_cart .price_list .t{ float: left; display: block; margin-right: 8px; }
.table_cart .price_list .txt{ float:right; font-weight: normal; }
.table_cart .price_list .total .all{ }
.table_cart .price_list .total .finalprice{ font-size:20px; color:#f00; }
.table_cart .price_list .cart_buttom{ padding-top:8px; clear:both; }
.table_cart .price_list .cart_buttom a.continue { float:left; color:#085C9B; line-height:36px; }
.table_cart .price_list .cart_buttom a:hover.continue { color:#f00; }
.table_cart .price_list .cart_buttom a.payment{ float:right; width:135px; height:36px; line-height:36px; text-align:center; background:#E33D3F; display:block; color:#fff; font-family: "微软雅黑"; font-size: 18px; font-weight: bold;}
.table_cart .price_list .cart_buttom a:hover.payment{ background:#E96969; }
.payment_info { padding: 36px 24px 36px 12px; line-height: 2; }
.payment_button { padding: 12px 24px 12px 0; }
/*cart_list*/
.cart_mini { padding: 8px 0 6px 0; }
.cart_mini table { width: 100%; cursor: default; color: #666; }
.cart_mini td { vertical-align: top; padding: 6px 0 6px 6px; border-bottom: 1px solid #f5f5f5; }
.cart_mini a { cursor: pointer; color: #333; }.cart_mini a:hover { color: #f00; text-decoration: underline; }
.cart_mini .cart_name { width: 188px; padding: 0 0 0 0px; line-height: 1.2; }.cart_name .span { line-height: 1.8; }
.cart_mini .cart_img { }
.cart_mini img { border: 1px solid #f1f1f1; padding: 2px; }
.table_cart .col8{width:14%;}
.table_cart .col9{width:15%;}
.table_cart .col10{width:15%;}
.table_cart .col11{width:15%;}
.table_cart thead.list_cart{ height:30px; line-height:30px; background:none; }
.table_cart .textcenter{ text-align:center; }
.table_cart .price_check_box.inherit{ padding:20px;  }

/*login/register*/
#login_header{ height:60px; overflow:hidden; padding:10px 0px; border-bottom:2px solid #f00; }
#login_logo{ float:left; padding-right:20px; }
#login_title{ float:left; margin:10px 0px; display:inline;  padding-left:15px; border-left:1px solid #ccc; font-size:24px; left:4px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:50px; }
.login_area{ width:900px; margin: 0 auto; }
.entry_image,.entry_form{ float:left; overflow:hidden; display:inline; }
.entry_image{ margin:10px 15px 0 0px; width:400px; }
.entry_form{ width:400px; border:1px solid #ccc; padding:40px 30px; margin-top:60px; }
.note{ margin: 0 auto; color:#666; }
.note td { padding:10px 0; } .note .tleft{  padding: 0 6px 0 0; text-align:left; font-size:15px; color:#5b3f12; }
.note span{ padding-left:10px; }
.note span a{color:#5b3f12; }
.note span a:hover{color:#f00; }
input.s { width:200px; height:34px; padding:0px 4px; border:1px solid #CCC; background:#fff; } 
input.k { width:90px; height:34px; padding:0px 4px; border:1px solid #ccc;background:#fff;   } 
.send{ width:175px; height:34px; cursor: pointer; background:#E2383B; border:none; color:#fff; font-size:16px; text-align:center; line-height:27px; font-weight:bold; letter-spacing:6px; }

/*message*/
#message { padding: 48px 0 108px 0;}
.message { line-height: 24px; } .message a { color: #f00; } .message li { float: left; padding: 0 8px 0 0; }
/*order*/
.customer_remark { padding: 12px 0 0 12px; float: left; }
.customer_remark input { text-align: left; width: 240px; padding: 3px 6px;}
.coupon { padding: 12px 0 0 0; } .customer_remark input.input_coupon { width: 168px; }
input.input_point { width: 168px; }
.box_deposit { padding: 6px 0 0 0; }
#addr_box,.pay_box{ margin-bottom:10px; background:#fff; border:1px solid #ccc; padding-bottom:20px; }
#order_title{ height:30px; line-height:30px; border-bottom:1px solid #E3E3E3; font-size:16px; font-family: "微软雅黑"; font-weight:400; text-indent:10px; background:#F3F3F3; }
.order_address_list{ padding: 10px 24px 10px 24px;}
.order_address_list li{ padding: 5px 0px 5px 30px; line-height: 22px; }
.order_address_list li.selected,.order_address_list li:hover{ background: #F5F5F5; color: #333; }
.order_address_list li:after{ display: block; visibility:hidden; }
.order_address_info { float: left; }
.order_address_info .c1{ float:left; width:20px; }
.order_address_info .radio_wrap input { float:left; margin-top:5px 5px 0 0; }
.radio_desp { float: left;  overflow: hidden; font: 400 12px/22px Arial; cursor: pointer; }
.order_address_info .c2{  float: left; width: 65px; overflow: hidden; }
.order_address_list .selected { background:#F5F5F5; }
.order_address_list .selected .c2 { font-weight:700; }
.order_address_info .c3 { float: left;  width: 620px; }
.order_address_editor{ padding-left:20px; }
.order_address_editor a{ margin-left:10px; color:#36F; }
.order_address_editor a:hover{ text-decoration:underline; }
.order_address_list_edit { padding: 0 0 10px 48px;  background: #F5F5F5; }
.order_address_form { width: 800px; border-top: 1px dashed #ddd; }
.order_address_form .list{ padding:5px 0px; height:26px; line-height:26px; overflow:hidden; }
.order_address_form .list .label{ float: left; width: 85px; margin-right: 5px;  text-align: right; }
.order_address_form .list .label em{ margin-right: 5px; color: #F1680C; }
.order_address_form .list .field{ float:left; height:28px; line-height:28px; overflow:hidden; }
.order_address_form .textbox{ width:138px; height:16px; padding:3px; border:1px solid #ccc; background:#fff; }
.order_address_form .textbox_addr{ width:380px; height:16px; padding:3px; border:1px solid #ccc; background:#fff;  }
.order_address_form .phone{ float: left; }
.order_address_form .phone em{ padding:0 20px 0 5px; }
.order_address_other{ padding:10px 0 0 30px; }
.order_address_other a{ color:#36F; }  .order_address_other a:hover{ text-decoration: underline; }
.order_address_action{ padding:10px 0 10px 20px; clear:both; }
.order_address_action a{ float:left; margin-right:10px; }
.confirmed{ height:26px; line-height:26px; border:1px solid #ccc; cursor: pointer; overflow: hidden; display: inline-block; padding: 0px 20px; background:#F3F3F3; }
.confirmed.confirmed_bg{ background:#3F8DF8; color:#fff; }
.order_address_action a:hover{ text-decoration:underline; }
.order_payment_list{}
.onlinepay{ height:20px; line-height:20px; padding:20px 0px 6px 40px; }
.radio{ margin:4px 5px 3px 0px;  }
label.vam { vertical-align: middle; }
.order_payment_area{ margin: 0px 24px; padding: 20px 0px 15px 38px; }
.order_payment_area.boder_none{ border-bottom:none; }
.order_payment_area .explain{ border-left:3px solid #36C; line-height:14px; padding-left:6px; margin-bottom:25px; }
.order_payment_area li{ float: left; width: 167px; padding-bottom: 25px; }
.payment_area,.payment-area label{ display: inline-block; position: relative; } 
.payment_area label {  cursor: pointer; }
.payment_area label img {  vertical-align: middle; cursor: pointer; border: 1px solid #EDEDED; }
.payment_area label i{ display: inline-block; width: 20px; height: 30px; background: #3F8DF8; color:#fff; vertical-align: middle;text-align: center; line-height: 1.1; padding-top: 2px; font-style: normal; border-top:1px solid #D8D8D8;  border-bottom:1px solid #D8D8D8;  border-right:1px solid #D8D8D8; }
.order_invoice_area{ padding: 10px 0px 10px 62px; }
.order_invoice_area .text{ border: 1px solid #ccc; background:#fff; padding: 2px 4px; height: 20px; line-height: 20px;}
.order_invoice_area td{ padding: 10px 0px; }
.inline-block { display: inline-block; }
.span_400 { width: 400px; }
.delivery_list{ padding: 20px 0px 10px 62px;  }
.delivery_list li{ padding-bottom:20px; }
.delivery_list span{ margin-left: 25px; }
.icon-over{ padding: 1px 0px 2px 28px; color:#BB0000; background:url(../images/i.jpg) no-repeat; }

/*jqzoom*/
.jqzoom{ position:relative; padding:0; }
.zoomdiv{ z-index:8; position:absolute; top:0; left:350px; width:400px; height:400px; background: #fff ; border:1px solid #e4e4e4;display:none; text-align:center; overflow:hidden}
.jqZoomPup{ z-index:3; visibility:hidden; position:absolute; top:0; left:0; width:50px; height:50px; border:1px solid #aaa;background:#fff 50% top no-repeat; opacity:.5; -moz-opacity:.5; -khtml-opacity:.5; filter:alpha(Opacity=50); cursor:move; }
.bigimg{ width:800px; height:800px; }

/*slide */
#slide { }
#scrollable { width:300px; height:54px; margin:0 25px;  }
#scrollable .items .scroller { position: absolute; width: 200000em; left: -1px; }
div.items { height:54px;  float:left; overflow: hidden; position: relative; visibility: visible; width:248px; margin:0px 7px; display:inline;  }
a.prev, a.next { background:url(../images/left.png) no-repeat center center; display:block; width:17px; height:54px; float:left; cursor: pointer; }
a.next { background-image:url(../images/right.png); }
#scrollable .items #scroll1, #scrollable .items #scroll2{ float: left; }
.minphoto{ float:left; width:62px; text-align:center; }
.minphoto img{ width:50px; height:50px; padding:1px; border:1px solid #cecfce; }

/*面包屑*/
.breadcrumb{ height: 24px; padding: 0px 0px 0px 0px; margin-bottom: 0px; overflow: hidden; line-height: 24px; vertical-align: baseline; }
.breadcrumb span{ color: #999; }

/* item faq and review */
.faqs { padding: 8px 0 16px 0; }
.faq { line-height: 20px; font-size: 12px; }
.faq table { width: 100%; }
.faq td { vertical-align: top; padding: 4px 6px; }
.faqq { padding: 2px 0; border-bottom: 1px solid #E7E7E7; }
.faqa { padding: 2px 0; border-bottom: 1px solid #E7E7E7; background: #F9F9F9; }
.faqt { width: 20px; font-weight: bold; }
.faqd { width: 120px; color: #888; font-weight: normal; text-align: right; }
.gbtn { padding: 10px 0 12px 0; }
.gbtn a { display: block; background: #DA4F49; height: 28px; line-height: 28px; width: 148px; text-align: center; color: #fff; border-radius: 3px; }
.gbtn a:hover { background: #d0494f; }
/*footer*/
#footer{ padding:20px 0px; }
.footcontent{ width: 960px; margin: 0 auto; text-align: left; border-top:1px solid #eee; padding: 0 0 10px 0;}
#foot{ margin:0 auto; }
.service{ float:left; width:240px; padding:0px 0 0px 0;  }
.service h4{ line-height:36px; text-align:left; text-indent:36px; font-size:14px; color:#333; }
.service li{ line-height:24px; text-indent:36px; text-align:left; }
.service li a{ color:#666; }  .service li a:hover{ color:#f00; }
.copyright{ margin: 0px 0px; text-align:center; line-height:24px; color:#666; }

/*links*/
#links{ margin-top:10px; height:24px; line-height:24px; color:#666; text-align:center; }
#links a{ color:#666; padding:0 6px; }  #links a:hover{ color:#f00; }

/* page bar */
#mypage{margin: 10px auto; padding: 16px 0 12px 0; text-align:center; border-top: 1px dotted #ddd; }
#mypage a{ display:inline-block; margin-right:5px; height:24px; line-height: 24px; width: 28px; text-align: center; line-height: 24px; border:1px solid #ccc; color:#225392; text-decoration:none; font-family: '宋体','Arial'; }
#mypage a.l{ height:24px; line-height: 24px; width: 64px;}
#mypage a:hover{background:#EFF7FF; color:#f00;}
#mypage .current { display:inline-block; margin-right:5px; width:24px;height:26px; line-height: 26px; font-weight: bold;}
#mypage .i { padding: 0; margin: 0; height: 22px; width: 30px; text-align: center; border:1px solid #ccc; color: #333; }
#mypage .g {height:24px; line-height: 24px; padding: 0 4px; border: none; }
/* rating 评分 */
.rates { line-height: 20px; padding: 6px 0 0 0; }
.rating { width:80px; height:16px; margin:0 0 8px 0; padding:0; list-style:none; clear:both; position:relative; background: url(../images/star.gif) no-repeat 0 0; }
.rating2 { height:16px; margin: 4px 0 8px 0; padding: 0 0 0 88px; background: url(../images/star.gif) no-repeat 0 0; }
.nostar,.star0 { background-position:0 0 }
.onestar,.star1 { background-position:0 -16px }
.twostar,.star2 { background-position:0 -32px }
.threestar,.star3 { background-position:0 -48px }
.fourstar,.star4 { background-position:0 -64px }
.fivestar,.star5 { background-position:0 -80px }
ul.rating li { cursor: pointer; float:left; text-indent:-999em; }
ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; }
ul.rating li.one a { left:0 }
ul.rating li.two a { left:16px; }
ul.rating li.three a { left:32px; }
ul.rating li.four a { left:48px; }
ul.rating li.five a { left:64px; }
ul.rating li a:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(../images/star.gif) no-repeat 0 0 }
ul.rating li.one a:hover { background-position:0 -96px; }
ul.rating li.two a:hover { background-position:0 -112px; }
ul.rating li.three a:hover { background-position:0 -128px }
ul.rating li.four a:hover { background-position:0 -144px }
ul.rating li.five a:hover { background-position:0 -160px }